// 引入React
import React from "react"
// 设计Dom渲染包
import ReactDom from "react-dom"
// // 需求：isLoading 是 true，显示“加载中…”，否则显示“加载完毕！”
// const isLoading = false
// let hello 
// if(isLoading){
//   hello = <h1>加载中...</h1>
// } else{
//   hello = <h1>加载完毕！</h1>
// }
// 封装为函数
// function render(){
//   const isLoading = false
//   let hello 
//   if(isLoading){
//     hello = <h1>加载中...</h1>
//   } else{
//     hello = <h1>加载完毕！</h1>
//   }
//   return hello
// }
// 三元表达式
function render(){
  const isLoading = false
  return <h1>{isLoading ? '加载中' : '加载完毕！'}</h1>
}
// 这两行可以简化
// const hello = render()
// ReactDom.render(hello,document.querySelector('#react'))
ReactDom.render(render(),document.querySelector('#react'))